{extend name="layout" /}
{block name="css"}
<link rel="stylesheet" href="{$statics}js/layer/skin/default/layer.css" />
{/block}
{block name="content"}
<div class="mui-content">
    <div class="yhq-dtitem">
        <div class="tit">
            优惠券
        </div>
        <div class="uk-margin-top">
            <div class="tm-flex">
                <div class="tm-flex-hd">
                    {if condition="$info.type == 'baoyang'"}
                    <div class="yhq-avatar icon-bao">
                    {elseif condition="$info.type == 'xubao'"}
                    <div class="yhq-avatar icon-xu">
                    {elseif condition="$info.type == 'gouche'"}
                    <div class="yhq-avatar icon-gou">
                    {/if}
                    </div>
                </div>
                <div class="tm-flex-1">
                    <div class="tm-flex-row">
                        <div class="yhq-tit">
                            {$info.name}
                        </div>
                    </div>
                    <div class="tm-flex-row-xs">
                        <div class="yhq-price">
                            {$info.price}
                        </div>
                    </div>
                    <div class="tm-flex-row-xs">
                        <div class="tm-df-size yhq-time">
                            获取时间：{:date('Y-m-d', $info.starttime)}
                        </div>
                        <div class="tm-df-size yhq-time">
                            结束时间：{:date('Y-m-d', $info.endtime)}
                        </div>
                    </div>
                </div>
                <div>
                    <!-- {if condition="$info.isgive == '1'"}
                    <a class="mui-btn mui-btn-blue yhq-btn" href="#forward">
                        转赠
                    </a> -->
                    <!-- {/if} -->
                </div>
            </div>
        </div>
        <div class="uk-margin-large-top">
            <div class="yhq-code">
                <div class="lab">
                    兑换码：
                </div>
                <div class="code">
                    {$info.couponsno}
                </div>
            </div>
        </div>
        <div class="uk-margin-large-top">
            <div class="yhq-qrcode">
                <div class="qrcode-box">
                    <img src="{$info.image}">
                    </img>
                </div>
            </div>
        </div>
    </div>
</div>
<!--转赠弹窗-->
<div class="mui-popover mui-popover-action mui-popover-bottom" id="forward">
    <div class="main-content">
        <div class="sharing-title">
            转赠到
        </div>
    </div>
    <ul class="mui-table-view tm-bg-transparent sharing-group">
        <li class="mui-table-view-cell">
            <ul class="uk-grid">
                <li class="uk-width-1-5">
                    <a class="tm-icon-item-v" href="">
                        <div class="tm-icon">
                            <img alt="" height="22" src="{$images_path}weixin-2.png" width="22"/>
                        </div>
                        <div class="tm-icon-label">
                            微信
                        </div>
                    </a>
                </li>
                <li class="uk-width-1-5">
                    <a class="tm-icon-item-v" href="">
                        <div class="tm-icon">
                            <img alt="" height="22" src="{$images_path}quan.png" width="22"/>
                        </div>
                        <div class="tm-icon-label">
                            朋友圈
                        </div>
                    </a>
                </li>
            </ul>
        </li>
    </ul>
    <ul class="mui-table-view offthis-sheet uk-text-center tm-bg-white">
        <li class="mui-table-view-cell">
            <a href="#forward">
                取消
            </a>
        </li>
    </ul>
</div>
{/block}
{block name="script"}
<!--/转赠弹窗-->
<script src="js/mui.min.js" type="text/javascript">
</script>
<script src="js/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
    mui.init();
</script>
{/block}
